.HotList .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.HotList .top .left {
  display: flex;
  align-items: flex-end;
}

.HotList .top .left h1 {
  margin-right: 20px;
}

.HotList .top .left span:first-child {
  margin-left: 20px;
  font-size: 16px;
  color: #666;
}

.HotList ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.HotList ul li {
  margin-left: 10px;
  width: 327px;
  height: 426px;
  background: #f0f9f4;
  transition: all .4s;
  text-align: center;
}

.HotList ul li:hover {
  transform: scale(102%);
  box-shadow: 0 0 11px #ccc;
}

.HotList ul li img {
  width: 100% !important;
  height: 326px;
}

.HotList ul li h4 {
  font-size: 20px;
  color: #888;
}
